<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
	{% include 'common-css/css.html' %}
	<link href="{{ STATIC_URL }}common/index.css" rel="stylesheet" type="text/css"/>
	<title>博客详情</title>
	<style type="text/css">
		span {
			color: #999999;
			margin-left: 20px;
		}
	</style>
</head>
<body>
<div class="quote blog-header">
	yzw_blog
	<a href="/register" class="layui-btn layui-btn-radius layui-btn-normal" style="float: right;">注 册</a>
	<a href="/login" class="layui-btn layui-btn-radius layui-btn-warm" style="float: right;margin-right: 10px">登
		录</a>
</div>
<div class="layui-row">
	<div class="layui-col-md8 blog-body">
		<div class="blog-panel">
			<div class="blog-list-title">
				<h3 style="text-align: center;margin: 10px 0 20px 0">{{ title }}</h3>
				<span><i class="layui-icon">&#xe612;  </i>{{ author }}</span>
				<span><i class="layui-icon">&#xe756;  </i>{{ pv_num }}</span>
				<span><i class="layui-icon">&#xe60e;  </i>{{ create_time }}</span>
				<a class="layui-badge">{{ classify }}</a>
				<hr>
				<input id="input" type="hidden" value="{{ content }}">
				<div style="margin: 15px" id="content"></div>
			</div>

		</div>
	</div>
	<div class="layui-col-md4 blog-body">
		<div class="blog-panel">

		</div>
	</div>
</div>
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}layui/layui.js"></script>
<script type="text/javascript">
	layui.use(['form', 'util'], function () {
		var util = layui.util;
		util.fixbar({});
		document.getElementById('content').innerHTML = $('#input').val();
	})
</script>
</body>
</html>